<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css"/>
<link href="css/div.css" rel="stylesheet" type="text/css">
<link href="css/u4.css" rel="stylesheet" type="text/css" />

</head>

<div class="lavalamp orange" >
<ul>
<li class="active"><a href="">School Info</a></img></li>
<li><a href="">首页</a></li>

<li><a href="">我的二手</a></li>
<li><a href="">热门市场</a></li>
<li><a href="">社团通知</a></li>

<li><a href="">讲座信息</a></li>
<li><a href="">联系我们</a></li>

</ul>
<div class="floatr"></div>
</div>
</br>
<div class="row">
	<div class="span2"></div>
	<div class="span8">
    <form class="form-search" >
		<input type="text" class="input-xxlarge search-query" placeholder="需要什么就搜什么" >
			<button type="submit" class="btn btn-info"><i class="icon-search"></i>   搜索</button>
        </form>	
		</div>
		<div class="span2 offset2">
		<button type="submit" class="btn btn-warning">我要发布</button>
		</div>
</div>

<div class="main">
	<div class="container-fluid">

	<div class="row">
		<div class="span3">
		<fieldset>
		<legend>商品分类</legend>
			<div class="accordion" id="accordion2">
            <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                  电器
                </a>
              </div>
              <div id="collapseOne" class="accordion-body collapse" style="height: 0px; ">
                <div class="accordion-inner">
				<ul>
					<li><a href="#">洗衣机</a></li></br>
					<li><a href="#">电视</a></li></br>
					<li><a href="#">打印机</a></li></br>
					<li><a href="#">其他电器</a></li></br>	
				</ul>
                </div>
              </div>
            </div>
            <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                 运动
                </a>
              </div>
              <div id="collapseTwo" class="accordion-body collapse">
                <div class="accordion-inner auto">
					<ul>
					<li><a href="#">球拍</a></li></br>
					<li><a href="#">球类</a></li></br>
					<li><a href="#">轮滑</a></li></br>
					<li><a href="#">哑铃</a></li></br>
					<li><a href="#">其他器材</a></li></br>		
				</ul>
                </div>
              </div>
            </div>
            <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
					日用品
                </a>
              </div>
              <div id="collapseThree" class="accordion-body collapse">
                <div class="accordion-inner">
					<ul>
					<li><a href="#">包</a></li></br>
					<li><a href="#">伞</a></li></br>
					<li><a href="#">衣服</a></li></br>
					<li><a href="#">鞋帽</a></li></br>
					<li><a href="#">其他日用品</a></li>	</br>	
				</ul>
                </div>
              </div>
            </div>
			<div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
                 租赁
                </a>
              </div>
              <div id="collapseFour" class="accordion-body collapse">
                <div class="accordion-inner">
					<ul>
					<li><a href="#">租房</a></li></br>
					<li><a href="#">租车</a></li></br>
					<li><a href="#">家教</a></li></br>
					<li><a href="#">其他租赁</a></li></br>	
				</ul>
                </div>
              </div>
            </div>
			<div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFive">
                 书籍
                </a>
              </div>
              <div id="collapseFive" class="accordion-body collapse">
                <div class="accordion-inner">
					<ul>
					<li><a href="#">理工科教材</a></li></br>
					<li><a href="#">文科教材</a></li></br>
					<li><a href="#">选修课教材</a></li></br>
					<li><a href="#">杂志报刊小说</a></li></br>
					<li><a href="#">考研四六级</a></li></br>
					<li><a href="#">托福雅思GRE</a></li></br>
					<li><a href="#">其他器材</a></li></br>		
				</ul>
                </div>
              </div>
            </div>
			<div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseSix">
                 电脑
                </a>
              </div>
              <div id="collapseSix" class="accordion-body collapse">
                <div class="accordion-inner">
					<ul>
					<li><a href="#">笔记本</a></li></br>
					<li><a href="#">台式机</a></li></br>
					<li><a href="#">路由器</a></li></br>
					<li><a href="#">鼠标键盘</a></li></br>
					<li><a href="#">电脑桌</a></li></br>
					<li><a href="#">其他外设</a></li></br>	
				</ul>
                </div>
              </div>
            </div>
			<div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseSeven">
                 数码
                </a>
              </div>
              <div id="collapseSeven" class="accordion-body collapse">
                <div class="accordion-inner">
					<ul>
					<li><a href="#">手机</a></li></br>
					<li><a href="#">相机</a></li></br>
					<li><a href="#">移动硬盘/U盘</a></li></br>
					<li><a href="#">PSP/Touch</a></li></br>
					<li><a href="#">MP3/4</a></li></br>
					<li><a href="#">其他数码</a></li></br>
				</ul>
                </div>
              </div>
            </div>
          </div>
		  </fieldset>
		</div>
	</div>
	
	
	
	<div class="hotlist">	
		<legend>大家都在看</legend>
		<div class="item">
			<div class="img"><a href="#"><img src="pic/goods.jpg"></a></div>
			<div class="info">
                    <div class="title">title</div>
				    <div class="price">￥430</div>
				    <div class="place">所有校区</div>
			      </div>
	  </div>
	  	<div class="item">
			<div class="img"><a href="#"><img src="pic/goods.jpg"></a></div>
			<div class="info">
                    <div class="title">title</div>
				    <div class="price">￥430</div>
				    <div class="place">所有校区</div>
			      </div>
	  </div>
	  	<div class="item">
			<div class="img"><a href="#"><img src="pic/goods.jpg"></a></div>
			<div class="info">
                    <div class="title">title</div>
				    <div class="price">￥430</div>
				    <div class="place">所有校区</div>
			      </div>
	  </div>
	  	<div class="item">
			<div class="img"><a href="#"><img src="pic/goods.jpg"></a></div>
			<div class="info">
                    <div class="title">title</div>
				    <div class="price">￥430</div>
				    <div class="place">所有校区</div>
			      </div>
	  </div>
	</div>
	
 </div>
	 
	<div class="newlist">
	
		<legend>最新商品</legend>
 		<div class="goodslist">
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>	
			
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>	
			
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>
			<div class="item">
				<div class="img"><a href="#"><img src="pic/goods.jpg" /></a></div>
				<div class="title">title</div>	
				<div class="price">price place</div>
			</div>	
		</div>
		
		<div class="page">
		
			<p id="page" >
			<strong><span class="fk fk_cur"></span><span class="pc">1</span></strong>
			<a href="#"><span class="fk fkd"></span><span class="pc">2</span></a>
			<a href="#"><span class="fk"></span><span class="pc">3</span></a>
			<a href="#"><span class="fk fkd"></span><span class="pc">4</span></a>
			<a href="#"><span class="fk"></span><span class="pc">5</span></a>
			<a href="#"><span class="fk fkd"></span><span class="pc">6</span></a>
			<a href="#"><span class="fk"></span><span class="pc">7</span></a>
			<a href="#"><span class="fk fkd"></span><span class="pc">8</span></a>
			<a href="#"><span class="fk"></span><span class="pc">9</span></a>
			<a href="#"><span class="fk fkd"></span><span class="pc">10</span></a>
			<a href="#" class="n">下一页&gt;</a><span class="nums"  style="margin-left:120px" >共N页</span></p>
		
		</div>
	</div>
</div>

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/lavalamp.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
	<script type="text/javascript" src="js/bootstrap-collapse.js"></script>
    <script type="text/javascript" src="js/bootstrap-tab.js"></script>


</html>